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01 
Overview 


Style Guide 


The Style Guide provides a comprehensive foundation of graphic standards for proper presentation 
of the City of San Diego's visual identity. Use of the Style Guide improves communication by ensuring 
consistency within an organization and enforces best practices by guiding designs to a quickly 
recognizable professional outcome. 


The Style Guide is derived from two key elements: the color palette and the City logo. Together they 
provide a unifying theme and position the City as One San Diego, speaking with one, unified voice. 


Development of the style guide is grounded in extensive research and testing. Focus groups, user 
interviews and online surveys captured participant's ideas and opinions. Key decisions regarding 
content and logo were based on feedback from the public. 


The City can push its identity into exciting new areas. However, the identity can only make a 
positive impact if it is used consistently and correctly. 





IMAGE BY: TED MCGRATH 
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2.1 DESIGN VALUES 


Design values serve as an outline to follow during the design of a project. 
Key questions to ask: 

e What is the intent of the document? 

e Will users understand its intent or take intended action? 


+  |sthis the correct approach for the project? 


Guidelines to follow: 


1 Simple 


+ Simple visuals are easier to consume, process and remember 
* Everything should be visually clear 


2 Accessible 


* Always design within the context of your audience. No one should feel left out 
* Everyone should have the resources they need to become a contributor 


3 Consistent 


e Consistent visual languages build trust 
e Visual repetition lowers the barrier to entry for communicating information 


4 Contrasted 


+ Create a clear hierarchy of information using strong contrast. 
Things should have differing size, shape and color depending on importance 
e Lead the user on the intended path you want them to take—make it overly-obvious 
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2.2 COMMUNITY 


Community engagement throughout the city reinforced the need to adhere to the values 
San Diegans say matter the most. 


1 Togetherness 


San Diego values community and takes pride in its neighborhoods and military. 


2 Diversity 


San Diego values the diversity of its citizens (and their cultures) and our landscapes. 


3 Adventures 


San Diego values outdoor living, the communities that come with it. 


4 Singular Geography 


San Diego's geography keeps us outside and enables an active lifestyle. 
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The City Sea 
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3.1 ANATOMY AND ORIGINS 


The official seal of the City of San Diego was adopted by the City Council on April 14, 1914. 


A. The pillars of Hercules are used as supporters to recall the ancient territorial jurisdiction of Spain. 
B. The winged wheel represents manufacturing and transportation. 


C. The two connected dolphins symbolize the Pacific and Atlantic oceans, inseparably united by the 
Panama Canal. 


D. The motto, “Semper Vigilans,” means “ever vigilant”. 

E. The orange tree represents agriculture. 

F. The Spanish caravel represents the exploration and settlement by the Spanish. 
G. The blue wavy band below it represents the city's position on the sea. 


H. The mission, or carmelite belfry, suggests early settlement by the mission fathers. 
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3.2 SIZING AND GEOMETRY 


In order to maintain the integrity of the seal, the minimum diameter size should be .75 inches 
for print or 116 pixels for digital applications. 


The clearspace for the seal should always be a minimum of 25% of the overall height—as shown here. 


For more information on clearspace, see page 16. 





Printed Applications: .75in 


Clearspace 
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3.3 CITY SEAL USAGE 


e The City seal was designed by Carlton Monroe Winslow and was originally used to legitimize 
or validate documents. 


e With the advent of the City logo, the City seal will return to its elevated status and be reserved 
for use on official documents only. 

* The seal can be used on reports to council or committee, official memos, letters, certificates 
and proclamations. 


e The City seal cannot be used in conjunction with the City logo. 
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Logos 
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4.1 INTRODUCTION 


Logo Background 


The logo is at the core of the City's values. The “O” represents a central point of origin, a rally point 
for all residents to share in common. 


The “Sails” wrapping around the “O” symbolize the geography and amenities that only San Diego 
can offer the community. 


This style guide introduces all approved City of San Diego logo versions and demonstrates the rules for 
both print and digital use. Always use the logos in accordance with these guidelines. 


The design language in this document is the primary tool for the City of San Diego to communicate. 
The face of this communication is the logo. The primary logo, shown here, has a family of alternates 
to be used for specific purposes. With this family, San Diego can communicate consistently across 
different media and size requirements. 









The Cityof — 
SAN DIEGO) 
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4.2 PRIMARY LOGO ANATOMY 


When working with the logo, it's important to know the correct terminology. The logo is composed of 
three parts; the sails, the preface, and the logotype. When all these elements combine—we have 
the complete logo. 


Preface 


For the Preface, “The City” is set in Merriweather Bold, with “of " being Merriweather Bold Italicized. 


Logotype 


The logotype is set in Sifonn Basic. 


Note: Learn more about typography on page 24. 






e City of 


“SAN DI 


Preface Logotype Sails 


Full Primary Logo 
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Clearspace 

Working with the logos requires 
consistent clearspace. Clearspace 
is the “blank” space ( X ) around 
the entire logo that is free of text 
and other graphics. The clearspace 
has been set according to specific 
dimensions of the different logo 
components. 1x is the minimum 
amount of clearspace needed. 


Spacing 
Spacing of the primary logo 
elements should never change. 


Units 


The method for spacing is measured 


aw 


in relative “x” units. One “x” can be 
determined from the height of the 


letter “D” in the logotype. 





4.3 CLEARSPACE 





The cio 
"SAN DIEGO 








" City of x 


SAN 
DIEGO 









«sd 


© Electronic files of the City logo in different formats are available 
for download at www.sandiego.gov/communications/design 
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4.4 LOGO VARIATIONS AND USAGE 


Variations of the primary logo can be used for communicating across different size and media 
requirements. The content and size should define what type of layout to use. 


Primary : 
This horizontal alternate : —— 
works well when the logo is The City of 
not meant to be the focus 


im | SANDIEGO) 

















element of authentication. Large 
Spaces 
Alternate Stacked 
This alternate stacked logo 
is available for use when : The City of ^ - 
the design space is vertical. | SAN 
DI EGO) Short 
Spaces 
Alternate Initials 
This alternate initials is 
perfect for small and/or m 
digital applications. For . 
example, on a mobile device -— 
when the alternate stacked Sri 


may be scaled too small to | Tall 
maintain legibility. 


Note: 
The color and reverse variations can be applied to the alternate logos. 
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Full Color 

The full-color logo should be 
used as much as possible 
across digital and printed 
materials. The reversed option 
(next page) should also be used 
whenever possible. 


Four Color 

The four-color logo removes 
gradients from the sails of 
the logo. 


Two Color 

The two-color logo uses the 
black and blue colors from 
the palette. 


One Color 

A single-color can be used for 
any of the logo alternates 
when considering printing 
costs. For example, printing 

a T-shirt design. 


Black and White 
This option is to be used 
for low fidelity printing. 
For example, drafts, faxes 
or receipts. 
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Full Color 










Four Color 










Two Color 


One Color 


Black & White 


c 
4.5 COLOR VARIATIONS 


The City of 


SAN DIEGO) 


The City of 


SAN DIEGO) 


The City of 


SAN DIEGO) 


The City of 


SAN DIEGO 


The City of 


SAN DIEGO) 





SD) 


The reverse logo version is for use in applications with dark or solid-color backgrounds. 





ue Background 


Full color 





One color (reversed) 


$9090009000009090900009090000990000090000000900000900900900000000000000090000900000009009000009000000900000000090900000990000009090000090090009009000000909000009000000009009000009900000909000000000000900000900900000000000009000009090090900000990000099 





fk Backgrounds 


The City of 


TE SAN DIEGO 





The City of 


One color (reversed) 


SAN DIEGO) 
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4.7 INCORRECT USAGE 


Using the approved rules and logo versions explained in this style guide will strengthen brand 
consistency and maintain the integrity of the identity. 


Incorrect usage of The City of San Diego identity, as seen here in several examples, should be avoided. 


$90000099000009090000009900000099000000000000000000000000000900000000000900000900000900000000900000909000000090000000000000009000000000000000000000009000000000000009000009000900000000000000000090009000000000000000000000000009009000000900000000000009000000099 


The m ^ The u of), ane » M 
SANI DGO SAN bod SAN N DIEGO) 





Don’ tremove mens Done add mente Don't rotate 


The City EN 





The City of E E i The City wa 
SAN. BİGA) SAN DA E sd SAN Dieco 


Don't change spacing Don't change kerning Don't resize the symbol 





The City " - The City of 


san Diego) SAN ec SAN E N BEES 





Don't change type Don't change colors Don't reposition 
The City o i i » The City of The City of D Se 
SAN Bire» SAN-DIEGO J) SAN i Dies 
Don't stretch Don't resize the type 


Don't cover up 
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4.8 DEPARTMENT LOGOS 


The City of San Diego logo can be used to create department logos. For consistency, always use the 
provided templates found on the next page. 


090090000009000090090000000090900000000000000000000000000000000000000000000000090000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000900000000000090000000000909000000 


One Line 


One Line/Two Words 


Two Lines 


Community 
Services 
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4.9 HOW TO CREATE THEM 


These department logo templates can be used for creating logos with varying name lengths. 


Do | Template A 
* Always start with the : One Line 
approved template 


* Always keep department | SD) Department 


names left justified 


* Use the font: 
Merriweather - Regular 


Do Not : Template B 


* Don't have a department : Two Lines 
name wrap more than three lines : 
* Don't change alignment | iy This Much 
or geometry : SD Longer Department 


* Don't change or add elements 





* Don't break the department 
name to two lines if the first 
word of the department name 
is shorter than the logo 


69000009090009000000009000000000000000000000000000000090000000000090000000000000000000009000000000000000000000000000000000000000000000000000000000000090000009 


* Don't brand to a division or 
program, only to the City 
or department 





Department 








Division or Program Name 
T aana 





Do not expand out to division or program name 


SD) 
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Typography 





5.1 INTRODUCTION 


The chosen typefaces to express The City of San Diego brand are the full typeface families of 
Merriweather and Open Sans. Both fonts are available on city computers. 


Merriweather 


This serif typeface family is 
intended for body copy and 
text applications. Ten point 
is the acceptable standard 
font size. 


Open Sans 


This typeface family is for body 
copy and for all headlines. 
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LIGHT 
ABCDEFGHIJKLMNOPORSTUVWXYZ 
abcdefghijkImnopqrstuvwxyz 
1234567890 


REGULAR 
ABCDEFGHIJKLMNOPQRSTUVWXYZ 
abcdefghijklmnopaqrstuvwxyz 
1234567890 


ITALIC 
ABCDEFGHIJKLMNOPQRSTUVWXYZ 
abcdefghijklmnopqrstuvwxyz 
1234567890 


REGULAR 
ABCDEFGHIJKLMNOPQRSTUVWXYZ 
abcdefghijklmnopqrstuvwxyz 
1234567890 


ITALIC: 
ABCDEFGHIJKLMNOPQRSTUVWXYZ 
abcdefghijklmnopqrstuvwxyz 
1234567890 


BOLD 
abcdefghijklmnopqrstuvwxyz 
ABCDEFGHIJKLMNOPQRSTUVWXYZ 
1234567890 


SD) 


Print Type Styles 





5.2 SIYLES 


These examples show print type styles and are what compose the type in this document. 


Open Sans Semi Bold - 64 


Open Sans Reg - 43 


Open Sans Bold - 15 


Open Sans Bold - 13 
Merriweather Reg - 10 


Merriweather Reg - 8 


Main Title 


Headline 


SUBHEAD 
Subhead 


Paragraph 


Small Paragraph or Call-Out 


Merriweather Regular - 10pt. : Open Sans Regular - 10pt. 
Lorem ipsum dolor sit amet, : Lorem ipsum dolor sit amet, 
consectetur adipiscing elit, sed : consectetur adipiscing elit, sed 
do eiusmod tempor incididunt ut : do eiusmod tempor incididunt ut 
labore et dolore magna aliqua. : labore et dolore magna aliqua. 
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06 
Color Palette 


Inspiration 


San Diego's natural beauty is world-renowned. This, paired with its warm atmosphere, are the 
foundation and inspiration for the brand colors. 


The color palette includes a dominant blue, a complementary gold, and supporting secondary 


neutral tones. 


09009000900990000900909000090900000900090009000000009000009000000090000000009000000009000000000009009000009000000009090000000900009000000000900000000000009000900000909000900900000000000000009000009000000000090000009000000090000000009000090009000000909900009 





IMAGE BY: MICHAEL MATTI 
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6.2 PRIMARY PALETTE 


Color matters. Always use the appropriate version of the color palette for your needs. 
The four versions are: 





Pantone (PMS) RGB 
Pantone colors, also known as the Pantone RGB color is the spectrum of visible colors 
Matching System, is a universal color system that are emitted by a digital monitor. In other 
that will ensure all vendors produce the words, RGB is a light based mode of color. 
same colors. RGB color is best used for websites, digital 
publications, and desktop wallpapers 

CMYK 
Process color, otherwise known as four-color Hex 
process or CMYK, is a blend of four standard Hexadecimal numbers, or “HEX” numbers, are 
ink colors; Cyan, Magenta, Yellow and Key a base-16 numbering system used to define 
Black. These are a printer's primaries and can colors on Web pages. A HEX number is written 
be combined to create the majority of visible from 0-9 and then A-F. 
ink colors. 

PMS 

White (paper) 7527 
RGB 
0, 199, 178 255, 158,23 252,217,0 255, 255, 255 55,66,74 218, 215, 203 
#0098db #00c7b2 #ffa02f #fcd900 ll #37424a #dad7cb 
CMYK 





04, 21, 0,0 76, 0, 38, 0 0, 45, 95, 0 0,6, 95,0 0,0,0,0 67,45,27,/0 o 3,4,14,8 
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PMS pe 

RGB MORU 
HEX Bii 

LIU o ied I 


CMYK 


PMS [PLE 

RGB Bly 

HEX Eo 
CMYK EURPA 


PMS 
RGB 
HEX 
CMYK 


3295 
0, 123, 105 
#007b69 


WS 


2985 

U, 149, 129 
#009581 
SEM o 





1365 
le e 
#ffb652 
a M) 
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6.3 SECONDARY PALETIE 


100 
2 
#3ec/a 

0, 0, 58, 0 


Cool Gray 9 


116, 118, 120 
#/476/8 
Doe] 


Cool Gray 1 
DA L LA 
#eoe1dd 
IS 


433 
21,30, 42 
$10242a 


90, 69, 40, 89 


431 

25, |, Ws 
45067061 
4d Iis 9 





421 
BAM 
#d1d4d3 
13,455 


159) 

218 215.203 
#dad/cb 

sal jale 


SD) 


ee 
6.4 COLOR PAIRINGS 


The primary palette can be broken into pairings to best meet the needs of a design. As a general rule, 
start with the dominant color that best matches the tone of the main image in a design. For example, 
if a photo has primarily cool tones, start with Palette 1. 


These pairings are comprised of adominant analogous set with a single complimentary color from 
the primary palette. This compliment art color is used among the set to highlight or distinguish elements 
within a design. 


These pairings represent the only approved color palettes. New palettes should not be created. 








Palette 1 - Sea Palette 2 - Summer Palette 3 - Sunset 
Palette 4 - Sunrise Palette 5 - Classic Palette 6 - Urban 
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6.5 COLOR TONES 


These examples show how the palettes can be paired with the existing tone of photography. 


Palette 1 


Sea 


Palette 4 


Sunrise 





Palette 5 


Classic 


> E ne 
ELE e 





Palette 6 


Urban 
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6.6 COLOR TONE EXAMPLES 


A world-class 
city for all 


Aenean ornare non dolor in fringilla. Morbi sed libero sed purus 
ullamcorper euismod. Donec condimentum cursus erat, non 
pellentesque mi ornare nec. Pellentesque cursus ligula eu risus 
tristique accumsan. Donec posuere commodo pretium. Vivamus 
semper neque eu fermentum interdum. Nullam hendrerit ligula 
non efficitur ornare. Nunc vitae placerat ipsum, et viverra velit. 
Aenean accumsan justo non tellus elementum, sed facilisis mauri. 








Aenean ornare non dolor in;fringilla. Morbi sed libero sed purus 
a 
ullamcorper euismod.'Donec condimentum cufsSus erat, non ^ 


pellentesque mi ornare nec, A d. cursus ligula eu risus E 


tristique accum Donec posuer Commodo pretim: ViVarăus ^ 
semper neque e fermentum interdum. Nullam-hendrerit liguta~™ 
non efficitur ornare. Nunc vitae placerat ipsum, et Vivefira Velit. 

Aenean accumsan justo non Li elementum; see lisis mauri. 


sandiego.gov 


32 The City of San Diego | Style Guide | Color Palette 


Aenean ornare not 

ullamcorper euis 

pellentesque mi ornare nec. Pel 

tristique accumsan. Donec osuere commodo pretium. V 
semper neque eu fermentum interdum. Nullam hendreri 
non efficitur ort 

Aenean accumsan justo non te 


sandiego.gov 


ñ 


non efficitur ornare. Nunc vitae placerat ipsum, et viverra veli 
Aenean accumsan justo non tellus elementum, sed facilisis mauri. 


sandiego.gov 





Email Signature 





Standard Email Signature 


Email is an acceptable form of communication in the City. However, it is important to 
remember that the tone and format of the email represents the City as an organization, and 
must always be professional. 


A consistent email signature that follows the Visual Style Guide standards adds a professional 
touch and an immediate connection to the City brand. All City employees should use the email 
signature block provided below. 


PLEASE NOTE: Personal quotes, graphics and social media icons should not be used in the 
email signature. However, it is permissible to add certain standardized language, such as legal 
disclosure policies or requests to minimize paper usage. 


10 pt Merriweather Bold 


10 pt Open Sans Regular 


Employee First & Last Name 


Position 
City of San Diego NOTE: Signature should always be 
Department in black font color 


T (619) 000-0000 
C (619) 000-0000 
sandiego.gov 


NT 8 pt Open Sans Bold (All Caps) 
CONFIDENTIAL COMMUNICATION 


This electronic mail message and any attachments are intended only for the use of the addressee(s) named 
above and may contain information that is privileged, confidential and exempt from disclosure under 
applicable law. If you are not an intended recipient, or the employee or agent responsible for delivering this 
e-mail to the intended recipient, you are hereby notified that any dissemination, distribution or copying of 
this communication is strictly prohibited. If you received this e-mail message in error, please immediately 
notify the sender by replying to this message or by telephone. Thank you. 





8 pt Open Sans Regular 
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08 
Charts, Graphs 
and Maps 








8.1 CHARTS AND GRAPHS 


Simplicity is key to data communication. These examples are characterized by simple lines, colors 
and shapes. Do not add flourishes beyond necessity. For larger number displays use the 
Merriweather typeface found on page 24. 


Principles | 


Pie charts should always be accompanied with a key 
1. Aways maintain high contrast 


for low light screens and | Budget Breakdown 
the visually impaired. : 


2. Whenever possible alternate 
between warm and cool colors. 
This will ensure maximum legibility. 
See the color palette on page 
27 and 28. 





3. Be bold. Use thick shapes and lines. 


E Roads - 50% 
aW Parks - 30% 
m Sanitation- 17% 


= Marketing - 3% 


Bar Graph 


Bar graphs should always be accompanied with a key 





Budget Breakdown 


Roads - 50% 
Parks - 30% 


Sanitation- 17% 


Marketing - 3% 
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8.2 DIGITAL MAPS 


For digital applications, it is recommended to use Google Maps. It is free, reliable and familiar 
to most users. When appropriate, take advantage of the custom color options available within 
the Google Maps API. 


A custom branded map pin can be used when applicable as shown here. 


S t 
in 
= 
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we te: 
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les 
Desi Samp 
and lare i 
an 


The City of 
SAN DIEGO) 


Department 
Division 


9.1 PRINT 


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore 


magna aligua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 


consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 


Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 


Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem 


aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo 


enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores 


eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, 


consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam 


aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit 


The City of 
SAN DIEGO) 


Department 

Division 

Address, Mail Station 
San Diego, CA 92121 


RETURN SERVICE REQUESTED 





SAN DIEGO 
Employee First Last Name 


Tithe 


Address, Mail Station T (019) 000-0000 
San Diego, LA q3121 t (619) 000-0000 
Emplopre dp sandiego gus sandlega.gus 





amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam 


aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit 


John Doe 


Address, Mail Station 
San Diego, CA 92121 
department@sandiego.gov 
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T (619) 533-5555 
sandiego.gov 


SD) 





Title page 


SD) Department 





Lorem ipsum dolor sit amet, consectetur adipiscing 
elit, sed do eiusmod tempor: 


2016 21.03 29.50 34.61 

adipiscing elit, sed do eiusmod tempor incididunt 
> MUSEUM Ut enim ad minim veniam, quis nostrud exercitation . . 2015 2228 IS E02 
ullamco laboris nisi ut aliquip ex ea commodo ut labore et dolore magna aliqua. reprehenderit 2014 29.50 32.84 34.61 
in voluptate velit esse cillum dolore eu fugiat . 2013 46.04 51.33 54.18 
i i i 2012 66.72 74.43 78.64 

> PERFORMING ARTS Excepteur sint occaecat cupidatat non proident, sun Enim ad minim veniam, quis nostrud exercitation 
in culpa qui officia deserunt mollit anim id est laborum ANON 2011 115.32 128.74 136.13 
ullamco laboris nisi ut aliguip ex ea commodo 2010 184.59 206.15 218.08 
<> GARDENS Ipsum dolor sit amet, consectetur adipiscing elit, sed consequat. Excepteur sint occaecat cupidatat non 2009 356.23 397.94 421.11 
do eiusmod tempor proident, sunt in culpa qui officia deserunt mollit zu SEE Ba Se 
2007 804.98 899.38 951495) 

A 


«> ATTRACTIONS 


<> DECEMBER NIGHTS 


2016 21.03 29.50 34.61 

© RECREATION Caecat cupidatat non proident, sum dolor sit amet 2015 22.26 24.75 26.05 
non consectetur sada 2014 29.50 32.84 3461 

2013 46.04 51.33 54.18 

2012 66.72 74,43 78.64 


Bulleted items 


SDY Department 


Occaecat cupidatat non proident, sum dolor sit ame 
non consectetur sada 











Excepteur sint occaecat cupidatat non proident, sun 
in culpa qui officia deserunt mollit anim id 


Lorem ipsum dolor sit amet, consectetur adipiscing elit, 


sed do eiusmod tempor incididunt ut labore et dolore 


magna aliqua. reprehenderit in voluptate velit esse 


cillum dolore eu fugiat . 


Ut enim ad minim veniam, quis nostrud exercitation 


ullamco laboris nisi ut aliquip ex ea commodo 


consequat. Excepteur sint occaecat cupidatat non 


proident, sunt in culpa qui officia deserunt mollit anim 


id est laborum comma, en sedde vat nededa. 


Lorem ipsum dolor sit amet consectetur adipiscing elit. 








SDY Department 


Headline 


Subhead/Intro 


Lorem ipsum dolor sit amet, consectetur sint 
adipiscing elit, sed do eiusmod tempor incididunt 
ut labore et dolore magna aliqua. Ut enim ad 
minim veniam, quis nostrud exercitation ullamco 
laboris nisi ut aliquip ex ea commodo consequat. 
Duis aute irure dolor in reprehenderit in aute 
voluptate velit esse cillum dolore eu fugiat nulla 
pariatur. Excepteur sint occaecat cupidatat non 
proident, sunt in culpa qui officia deserunt mollit 


comma en set. 


SDY Department 


Subhead 


Lorem ipsum dolor sit amet, consectetur 


anim id est laborum comma, en sedde 


vat nededa. 


Tulpa qui officia deserunt mollit at the right 


laborum comma, en sedde vat nededa. 


Text and tables 


This Much 
S |») Longer Department Name 


TABLE A- 10 Yea 





Lorem ipsum dolor sit amet consectetur adipiscing elit. 


Headline and subhead with text and graphics 






















































































Lorem ipsum dolor sit amet consectetur adipiscing elit. 


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut 
labore et dolore magna aligua. reprehenderit in voluptate velit esse cillum dolore eu fugiat. 


Visitors Survey 


EXCELLENT - 5096 


GOOD - 30% 


FAIR - 17% 


EXCELLENT - 50% 


GOOD - 30% 


FAIR - 17% 


Major Events Attendance 


ATTRACTIONS 


RECREATION 


GARDENS 


MUSEUMS 


“Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi 
ut. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum 
dolore eu fugiat nulla pariatur.” 


® POOR - 3% POOR- 3% 2012 2013 2014 2015 2016 


— BALBOA PARK VISITOR 


SOURCE: LOREM IPSUM DOLOR 





Subhead with reversed text and quote Chart and infographics 
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¡TV Live Broadcast Graphics 


ANUARY 19, 2016 








= 
City Council Graphic 


January 18, 2016 





TYPE OF MEETING Şiilik DATE 
aa. Item Information or Name of Speaker 


City Council Meeting Graphic - Template 
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SD) 


Department: 
25 pt Merriweather 
Regular 


Main Title: 
40 pt Open Sans 


Headline: 
40 pt Open Sans 


Subhead: 
28 pt Open Sans 


Body Text: 
18 pt Open Sans 


Clearspace: 


Image and text should 
maintain a minimum 


0.5 in. space 


Department: 
Merriweather 


25 pt. One Line Name 


16 pt./20pt. Line Spacing 
for Longer Department 


Name 


Title Page 


lite Background 





The City of 


` 


SDJ Department 


Headline 


Subhead/Intro 


Lorem ipsum dolor sit amet, consectetur sint 
adipiscing elit, sed do eiusmod tempor incididunt 
ut labore et dolore magna aliqua. Ut enim ad 
minim veniam, quis nostrud exercitation ullamco 
laboris nisi ut aliquip ex ea commodo consequat. 
Duis aute irure dolor in reprehenderit in aute 
voluptate velit esse cillum dolore eu fugiat nulla 
pariatur. Excepteur sint occaecat cupidatat non 
proident, sunt in culpa qui officia deserunt mollit 
comma en set. 


orem ipsum dolor sit amet consectetur adipiscing elit. 


rkBackground 


This Much 
>] D) Longer Department Name 


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut 
labore et dolore magna aliqua. reprehenderit in voluptate velit esse cillum dolore eu fugiat. 


Visitors Survey Major Events Attendance 


gi ATTRACTIONS 


RECREATION 
EXCELLENT - 5096 E EXCELLENT - 50% 


a GOOD - 30% GOOD - 30% E GARDENS 


FAIR - 17% E FAIR - 17% MUSEUMS 


B POOR - 3% POOR - 3% 2012 2013 2014 2015 2016 


42 The City of San Diego | Style Guide | Design Samples and Templates 


ee 
9.3 FACT SHEETS 














SAN DIEGO) Public Works Department 














The City of . 
SAN DIEGO) Park and Recreation 











SAN DIEGO) Public Utilities Department FACT SHEET 


Sewer Group Job 525 


Background 


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore 
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut 
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum 
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia 
deserunt mollit anim id est laborum. 


Project Overview 


Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, 
totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae. 


Sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, 


Hed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro 








Guisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non 
Numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat 

Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, 
Nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea 


Velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas 


Project Schedule 


Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla 
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim 
id est laborum.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque 
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae 
vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut 

fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro 
quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam 
eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad 
minima veniam, quis nostrum exercitationem ullam corporis suscipit qui dolorem ipsum quia dolor sit 
amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore. 


500 Park Blvd, 





9192 Topaz Way, San Diego, CA 92123 | | (858) 292-6300 fax: (858) 292-6310 sandiego.gov/publicutilities | 
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ee 
FACT SHEET TEMPLATE 


Header and Additional 
Page(s) Call Out 

10 pt. Merriweather 
(Reversed out text) 









Graphics: 

Six photos that 
best represent 

the department. 
Images should be 


300 dpi resolution. T1 | E Page2: Sewer Group Job 525 Project 
| Schedule and Overview 








i 


FACT SHEET 











The City of 


SAN DIEGO) Public Utilities Department 





Department: 
20 pt. Merriweather 
(Black Font) 
Sewer Group Job 525 


Title Box: 


24 pt. Open Sans Background 


(Reve rsed out text) Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore 
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut 
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum 
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia 
deserunt mollit anim id est laborum. 


Project Overview 


Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, 
totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae. 


Sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, 

e Hed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro 
e Guisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non 

e Numguam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat 

e Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, 

e Nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea 


e Velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas 


Margins: hedul 
Left - 1.5 inches ini ti A ul - "PP 
Right 20375 inch Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 


consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla 

pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim 

id est laborum.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque 

laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae 

vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut 

fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro 

quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam 

eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad E | 
minima veniam, quis nostrum exercitationem ullam corporis suscipit qui dolorem ipsum quia dolor sit 


Text Box for amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore. 


Address, Phone, 
Fax and Email: 
9 pt. 


Merriweat h er 9192 Topaz Way, San Diego, CA 92123 | (858) 292-6300 | fax: (858) 292-6310 | sandiego.gov/publicutilities 





44 The City of San Diego | Style Guide | Correspondence Style Guide SD) 





45 The City of San Diego | Style Guide | Design Samples and Templates 


